@charset "utf-8";
*{
	margin:0 ;
	padding:0 ;
	font-family:"华文彩云";
	font-size: 100px;
	color:#ffaa00;
}
body{
		background-image: url(../img/小马宝莉/背景图.png);
		background-repeat: no-repeat;
		background:url(../img/小马宝莉/背景图.png)no-repeat ;
		background-size: 100% 56%;
	}
	.horse{
		width:200px ;
		height:300px ;
		background:url(../img/小马宝莉/珍奇1.png) ;
		background-size: 100% 100%;
		position: relative;
		left:10px ;
		top:-67px ;
		animation:horse 10s linear infinite;
	}	
@keyframes horse{
	0%{
		left: 10px;
		top: -6px;
	}
    10%{
        left:100px;
        top:-6px;
        background: url(../img/小马宝莉/珍奇1.png);
        background-size: 100% 100%;
    }
    20%{
        left:200px;
        top:100px;
        
        background: url(../img/小马宝莉/珍奇2.png);
        background-size: 100% 100%;
    }
    30%{ 
        left:500px;
        top:200px;
        background: url(../img/小马宝莉/珍奇3.png);
        background-size: 100% 100%;
    }
    40%{
        left:950px;
        top:100px;
        background: url(../img/小马宝莉/珍奇4.png);
    
    background-size: 100% 100%;
    }
	}
  .yunbao{
		width:200px ;
		height:300px ;
		background:url(../img/小马宝莉/云宝.png) ;
		background-size: 100% 100%;
		position: relative;
		left:1200px ;
		top:10px ;
		animation:yunbao 10s linear infinite;
	}	

	@keyframes yunbao{
		0%{
			left:1200px;
			top: 10px;
		}
		10%{
		    left:1300px;
		    top:10px;
		    background: url(../img/小马宝莉/云宝.png);
		    background-size: 100% 100%;
		}
		20%{
		    left:800px;
		    top:200px;
		    
		    background: url(../img/小马宝莉/云宝2.png);
		    background-size: 100% 100%;
		}
		30%{ 
		    left:500px;
		    top:100px;
		    background: url(../img/小马宝莉/云宝3.png);
		    background-size: 100% 100%;
		}
		40%{
		    left:200px;
		    top:300px;
		    background: url(../img/小马宝莉/云宝4.png);
		   background-size: 100% 100%;
		}
	}
	.biqi{
			width:200px ;
			height:300px ;
			background:url(../img/小马宝莉/碧琪1.png) ;
			background-size: 100% 100%;
			position: relative;
			left:1300px ;
			top:-500px;
			animation:biqi 10s linear infinite;
		}
	@keyframes biqi{
		0%{
			left: 1300px;
			top:-500px;
		}
	    10%{
	        left:1000px;
	        top:-500px;
	        background: url(../img/小马宝莉/碧琪1.png);
	        background-size: 100% 100%;
	    }
	    20%{
	        left:800px;
	        top:-300px;
	        
	        background: url(../img/小马宝莉/碧琪2.png);
	        background-size: 100% 100%;
	    }
	    30%{ 
	        left:500px;
	        top:-500px;
	        background: url(../img/小马宝莉/碧琪3.png);
	        background-size: 100% 100%;
	    }
	    40%{
	        left:300px;
	        top:-100px;
	        background: url(../img/小马宝莉/碧琪4.png);
	    
	    background-size: 100% 100%;
	    }
	    50%{
	        left:600px;
	        top:10px;
	        background: url(../img/小马宝莉/碧琪5.png);
	    background-size: 100% 100%;
	    }
		}
.apple{
	width:200px ;
	height:300px ;
	background:url(../img/小马宝莉/苹果嘉儿.png);
	background-size: 100% 100%;
	position: relative;
	left:200px;
	top:-483px;
	animation:apple 10s linear infinite;
}		
@keyframes apple{
		0%{
			left:200px;
			top:-483px;
		}
	    30%{
	        left:450px;
	        top:-800px;
	        background: url(../img/小马宝莉/苹果嘉儿.png);
	        background-size: 100% 100%;
	    }
	    60%{
	        left:800px;
	        top:-1000px;
	        background: url(../img/小马宝莉/苹果2.png);
	        background-size: 100% 100%;
	    }
	    80%{ 
	        left:900px;
	        top:-500px;
	        background: url(../img/小马宝莉/苹果3.png);
	        background-size: 100% 100%;
	    }
	    100%{
	        left:1300px;
	        top:-800px;
	        background: url(../img/小马宝莉/苹果4.png);
	        background-size: 100% 100%;
	    }
		}

	